"use strict";

(function () {
    var template = function template(self) {
        return self.innerHTML;
    };

    document.auiDefineElement('aux-dialog', {
        template: template,
        attached: function attached(self) {
            self.$locked = false;
            self.show = function () {
                self.auiToggleAttribute("open", "open");
            };
            self.hide = function () {
                self.auiToggleAttribute("open", "open");
            };
            self.toggle = function () {
                self.auiToggleAttribute("open", "open");
            };
        }
    });

    document.auiDefineElement('aux-dialog-trigger', {
        template: function template(self) {
            return self.innerHTML;
        },
        props: {},
        attached: function attached(self) {
            self.$locked = false;
            self.addEventListener("click", function () {
                console.log(self.getAttribute("for"));
                var dialog = document.getElementById(self.getAttribute("for"));
                if (dialog) {
                    dialog.show();
                }
            });
        }
    });
})();